<?php
include "includes/ui.php";

echo headerHTML("service","งานรถโรงเรียน");
?> 
 <!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"  style='margin-left:-400px;width:840px;'>

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> งานรถโรงเรียน</h3>
        </div>
		<form class="form-horizontal" style='margin-bottom:0px;'>
        <div class="modal-body">
						 <div class="control-group">
                                <label class="control-label" for="inputName" style="width:100px !important;font-weight:bold;"><i class="icon-double-angle-right"></i> ปีการศึกษา</label>
                                <div class="controls" style="margin-left:10px !important;">
									 <select class="no-margin" id='cboYear' tabindex="1" style="width:80px !important;">
								 
									</select>
                                   &nbsp;&nbsp;&nbsp;&nbsp;<span class="help-inline" style="font-weight:bold;"> ภาคเรียน </span>
								   <select class="no-margin" id='txtTerm'  tabindex="1" style="width:100px !important;">
									</select>
									<!--input type="text" id="txtTerm" tabindex="2" class='txtamt' required maxlength="1" value='1'  style='width:30px !important;'/-->
									&nbsp;&nbsp;&nbsp;&nbsp;<span class="help-inline" style="font-weight:bold;"> ชื่อคนขับ </span>
									<input type="text" id="txtDriver" tabindex="3" required  maxlength="50"  placeholder="รายชื่อคนขับรถ" style='width:150px !important;'/>
									&nbsp;&nbsp;<input type="text" id="txtTel" class='txtamt'  maxlength="10" tabindex="3" placeholder="เบอร์โทร" style='width:120px !important;'/>
                                </div>
                        </div>
						
					 <div class="control-group" style="border-bottom:0px;">
							<label class="control-label" style='width:100px !important;font-weight:bold;' for="inputName">
							<i class="icon-double-angle-right"></i>รถโรงเรียน </label>
							<div class="controls" style="margin-left:10px !important;">
								<select class="no-margin span8" id='cboCarType' tabindex="2" style="width:200px !important;">
								</select>
									<input type="text" id="txtDetail" placeholder="รายละเอียดเพิ่มเติม" class="span4" style='width:400px;'>
							</div>
					 </div>
					 	 <div class="control-group">
                                <label class="control-label" for="inputName" style="width:100px !important;font-weight:bold;"><i class="icon-double-angle-right"></i> ค่ารถ</label>
                                <div class="controls" style="margin-left:10px !important;">
									<input type="text" id="txtCost" placeholder="0" required maxlength="7" class="span1 txtamt text-right">
									<span class="help-inline" style="font-weight:bold;">/</span>
									<select class="no-margin span8" id="cboPayDue" tabindex="2" style="width:90px !important;">
									</select>
									<input type="text" id="txtRemark" maxlength="50" placeholder="ชำระสดที่ห้องธุระการ" class="span3">
                                </div>
                        </div>	
						<div style="padding:5px;">
						  <input type="text" id="txtRoute" class='span4'  maxlength="300"  placeholder="เส้นทางวิ่ง จากไหน - ถึงไหน">
						  <input type="text" id="txtTime" class='span2'  maxlength="50"  placeholder="เวลาเริ่ม - เวลากลับ">
						   <div class="input-append date btndate"   data-date="12-02-2012"  data-date-format="dd/mm/yyyy">
							<input class="span1" style="width:100px !important;" id='txtDate' size="16" type="text"  readonly="">
							<span class="add-on"><i class="icon-calendar"></i></span>
						</div>
						 
						  <button class="btn btn-info" type='button' id="btnAddCar" >เพิ่ม</button>
						</div>
						 <span class="help-inline text-center" id='Error' style="display:none;font-weight:bold;margin: auto;text-align: center;width: 100%;color: red !important;background-color: white;">กรุณากรอกรายการให้ถูกต้อง&nbsp;</span>
				<div class="well no-padding">
					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id='table_detail' style='width:100% !important;'>
		              <thead>
		                <tr>
		                  <th style='color:#333 !important;width:20px !important;'>#</th>
		                  <th style='color:#333 !important;'>เส้นทางวิ่ง</th>
		                  <th style='color:#333 !important;width:180px !important;' class='center'>เวลา</th>
						  <th style='color:#333 !important;width:120px !important;' class='center'>เริ่มวิ่ง</th>
						  <th style='color:#333 !important;width:40px !important;'>ลบ</th>
		                </tr>
		              </thead>
		              <tbody>
		              </tbody>
		            </table>
					<!-- / Add News: WYSIWYG Edior -->

				</div> 
						  
				<div class="control-group">
						<label class="control-label" for="inputRepeat"><i class="icon-double-angle-right"></i> สถานะการใช้งาน</label>
						<div class="controls">
							<div class='row-fluid'>
								<div class='span2'>
									<label class="radio">
								<span>
									<input type="radio" name="chk"  value="Y" id='chkY' checked> 
								</span>
							   ใช้งาน
							</label>
								</div>
								<div class='span3'>
								 <label class="radio">
								<span>
									<input type="radio" name="chk" value="N"  id="chkN"> 
								</span>
							   ยกเลิกใช้งาน
							</label>
								</div>
							</div>
							
							 
						</div>
				</div>
        </div>

        <div class="modal-footer">
            <button type='submit' class="btn btn-primary hidden_control" id="btnConfirm">บันทึก</button>
            <button class="btn" data-dismiss="modal" id='btnCancel' aria-hidden="true">ยกเลิก</button>
        
        </div>
        </form>

</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-truck"></i> งานรถโรงเรียน</h3>
		 
            <div class='tmp' style='float:right'>
			  <a href="#"  ><button class="btn"  style='width:80px;' rel="tooltip" id='btnPrint' data-original-title="พิมพ์ข้อมูล" tooltip="Add">พิมพ์</button></a>
              <a href="#popup" data-toggle="modal"><button class="btn btn-info" rel="tooltip" id='btnAdd'  data-original-title="เพิ่มข้อมูลใหม่" tooltip="Add">สร้างรายการ</button></a>
            </div>
		 
        </div>
        <!-- /  : Top Bar -->



        <!-- Pie: Content -->
        <div class="well no-padding" >
			<div class="span12">
				<div class="row-fluid">
				  <form class="form-horizontal" method="POST" id='frmBus'>
					<div class='span12'>
					 <div class="control-group">
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i> ปีการศึกษา </label>
								<div class="controls">
									<select class="no-margin span8" name='Year'  id="cboYear_Search" style="width:100px !important;">
									 
									</select>
									<span class="help-inline" style="font-weight:bold;margin-left:50px;"> ภาคเรียน </span>
									&nbsp;&nbsp;
									 <select class="no-margin" id='txtTerm_Search'  tabindex="1" style="width:100px !important;">
									</select>
									<!--input type="text" name='Term'  id="txtTerm_Search" maxlength="1" value='1' class="span1 txtamt"-->
									<span class="help-inline" style="font-weight:bold;margin-left:50px;"> สถานะ </span>
										<select class="no-margin span8"   id="cboStatus"   style="width:150px !important;">
										<option value="0" selected>แสดงทั้งหมด</option>
										<option value="Y" >ใช้งาน</option>
										<option value="N" >ยกเลิก</option>
									</select>  
									<button class="btn btn-inverse" id='btnSearch' type='button' style='height:30px;margin-left:50px;margin-top:0px;padding-top:0px;' rel="tooltip" title=""   data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
								</div>
					 </div>
					 
				
					</div>
					</form>
				</div>
			</div>
            <table class="data-table" id='resultData' >
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:30px !important'>#</th>
						<th style='color:#333 !important;width:0px;'></th>
						<th style='color:#333 !important;' class='center'>รายละเอียดรถ</th>
                        <th style='color:#333 !important;width:300px !important;' class='center'>เส้นทางวิ่ง</th>
						<th style='color:#333 !important;width:150px !important;' class='center'>เวลา</th>
						<th style='color:#333 !important;width:110px !important;' class='center'>เริ่มวิ่ง</th>
						<th style='color:#333 !important;width:150px !important;' class='center'>ค่ารถ</th>
						<th style='color:#333 !important;width:70px !important;' class='center'>สถานะ</th>
						<th style='color:#333 !important;width:50px !important;' class='center'>แก้ไข</th>
						<th style='color:#333 !important;width:50px !important;' class='center'>ลบ</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>

<script src="js/jqBootstrapValidation.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/myScript/js_vehicle_manage.js"></script>

</html>